﻿<script src="~/Scripts/knockout-2.1.0.js"></script>
<script src="~/Scripts/knockout.mapping-latest.js"></script>
<script src="~/Scripts/Events/koRepository.js"></script>
<script src="~/Scripts/Events/koViewModel.js"></script>
<script src="~/Scripts/Events/toastr.js"></script>

<link href="~/Content/toastr-responsive.css" rel="stylesheet" />
<link href="~/Content/toastr.css" rel="stylesheet" />
@{
    ViewBag.Title = "Events";
}

<h2>List of Events</h2>

@*<div data-bind="foreach: Events">
    <span data-bind="text: Title"></span>
    <div data-bind="foreach: Participants">
        <span data-bind="text: EMail"></span>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</div>*@

@*<div data-bind="foreach: Participants">
    <span data-bind="text: EMail"></span>
    <span data-bind="text: FullName"></span>
    <div class="clear"></div>
</div>


<a href="#" data-bind="click: viewModel.putParticipant.bind($data, 1)">addParticipant</a>*@

<div data-bind="foreach: Events">
    <span data-bind="text: Title"></span>
    DateTo: <span data-bind="text: DateTo"></span>
    DateFrom: <span data-bind="text: DateFromComputed"></span>
    <div class="clear"></div>
</div>